{layout:main}

<div class="info-header">
    <div class="thumb">
        <img  class="lazy" src="/assets/images/thumb.jpg" data-src="{$data.thumb}" alt="">
        <span class="play-icon"></span>
        <span class="tag">{$data.definition}</span>
    </div>
    <div class="header-detail">
        <div class="title">{$data.title}</div>
        <p>
            <span class="tag">导演:</span>
            <span>{$data.director}</span>
        </p>
        <p>
            <span class="tag">主演:</span>
            <span>{$data.leader}</span>
        </p>
        <p>
            <span class="tag">类型:</span>
            <span>{$cat.name}</span>
            <span class="split-line"></span>
            <span class="tag">地区:</span>
            <span>{$data.area}</span>
            <span class="split-line"></span>
            <span class="tag">年份:</span>
            <span>{$data.age}</span>
        </p>
        <p>
            <span class="tag">简介:</span>
            <span>{$data.description}</span>
        </p>
        <a href="" class="btn btn-primary">立即播放</a>
        <a href="" class="btn">分享</a>
    </div>
</div>

<div class="panel">
    <div class="panel-header">
        分集
    </div>
    <div class="panel-body">
        {contents:category=$cat.id parent=$data.id num=100}
        <a class="play-item" href="{url:$content}">{$content.title}</a>
        {/contents}
    </div>
</div>
<div class="panel">
    <div class="panel-header">
        <i class="fa fa-file"></i>
        详细剧情
        <div class="tip">
                更新时间：{this.time:$parent.updated_at}
        </div>
    </div>
    <div class="panel-body">
        {$data.content}
    </div>
</div>

<div class="panel">
    <div class="panel-header">
        <i class="fa fa-heart"></i>
        猜你喜欢
        <a href="" class="more">
            <i class="fa fa-refresh"></i>
            换一换
        </a>
    </div>
    <div class="panel-body">
            {contents:category=$cat.id num=10}
            <a class="video-item" href="{url:$content}">
                <div class="thumb">
                    <img  class="lazy" src="/assets/images/thumb.jpg" data-src="{$content.thumb}" alt="{$content.title}">
                    <span class="play-icon"></span>
                    <span class="tag">高清</span>
                </div>
                <div class="title">{$content.title}</div>
            </a>
            {/contents}
    </div>
</div>